<template>
  <h2>字体与排版</h2>
  <div class="font-sans">hello 你好</div>
  <div class="font-serif">hello 你好</div>
  <div class="font-mono">hello 你好</div>
  <br>
  <div class="text-3xl text-red-600">aaaaaa</div>
  <div class="text-3xl text-red-600/50">aaaaaa</div>
  <div class="text-3xl text-red-600/50 underline">aaaaaa</div>
  <br>
  <div class="w-20 line-clamp-3">测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试</div>

  <br>
  <ul >
    <li>aaaa</li>
    <li>aaaa</li>
    <li>aaaa</li>
    <li>aaaa</li>
  </ul>
</template>

<script setup lang="ts"></script>

<style scoped></style>
